<div class="new">
<ul id="tabs">
    <li><a href="#" title="tab1">Khuyến mãi</a></li>
    <li><a href="#" title="tab2">Đọc nhiều</a></li>
    <li><a href="#" title="tab3">Tin mới</a></li>
</ul>

<div id="tab_content">
    <div id="tab1">
    <ul>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Khuyến mãi nhân dip khai trương</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Laptop giá rẻ - mua zô</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Khuyến mãi tưng bừng - giá trên rừng</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Giảm giá các mặt hàng khi mua Oline</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Ipad 3 - đẳng cấp cùng PTVGroups</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Điện thoại rẻ mỗi ngày</a></li>
        </ul>
    </div>
    <div id="tab2">
    <ul>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Khuyến mãi nhân dip khai trương</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Laptop giá rẻ - mua zô</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Khuyến mãi tưng bừng - giá trên rừng</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Giảm giá các mặt hàng khi mua Oline</a></li>
        </ul>
    </div>
    <div id="tab3">
    <ul>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Khuyến mãi nhân dip khai trương</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Laptop giá rẻ - mua zô</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Khuyến mãi tưng bừng - giá trên rừng</a></li>
        <li><img src="public/images/arrow_footer.png" /><a href="#">Giảm giá các mặt hàng khi mua Oline</a></li>
        </ul>
    </div>
</div>


<script language="javascript">
    $("#tab_content div").hide(); // Initially hide all content
    $("#tabs li:first").attr("id","current"); // Activate first tab
    $("#tab_content div:first").fadeIn(); // Show first tab content
    
    $('#tabs a').click(function(e) {
    e.preventDefault();
    $("#tab_content div").hide(); //Hide all content
    $("#tabs li").attr("id",""); //Reset id's
    $(this).parent().attr("id","current"); // Activate this
    $('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
    });
</script>
</div>
